import React, { Fragment } from 'react'
import {
  Card,
  Calendar,
  Button
} from 'antd'

import moment from 'moment';
import 'moment/locale/zh-cn';

interface IProps {
  children?: any;
}

export default function Settings (props: IProps) {
  const onPanelChange = (value: any, mode: any) => {
    console.log(value, mode);
  }

  return (
    <Fragment>
      <Card
        title="设置" 
        bordered={false}
        extra={<Button >取消</Button>} 
      >
        <Calendar 
          onPanelChange={onPanelChange} 
          value={ moment() }
        />
      </Card>
    </Fragment>
  )
}
